<template>
    <div class="topmain">
    <div class="topTitle">
        <a-breadcrumb separator=">">
            <img src="@/assets/images/icon/jyfx.png" alt="" class="topicon">
            <a-breadcrumb-item>DIP结余分析</a-breadcrumb-item>
            <a-breadcrumb-item href="">
                医生结余分析
            </a-breadcrumb-item>
        </a-breadcrumb>
    </div>
    <Time class="rightchoose"></Time>
    </div>
</template>

<script>
    import Time from '@/components/time.vue'
    export default {
        components: {
            Time
        },
    data(){
        return{

        }
    }
}
</script>

<style scoped>
    .topmain{display: flex;}
.topTitle{
    flex:1 1 989px; height: 48px;background: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(14,27,110,0.15), 0 2px 4px 0 rgba(14,24,101,0.20);
    border-radius: 16px; padding: 16px 20px; box-sizing: border-box}
.topTitle span{font-family: PingFangSC-Medium;font-size: 14px; line-height: 16px; display: inline-block; vertical-align: top; color: #484D78;}
    .topicon{width: 16px;height: 16px; margin-right: 5px; display: inline-block;}
.ant-breadcrumb >>>span:last-child,.ant-breadcrumb >>>span:last-child a { color: #407CFC;}
    .rightchoose{flex:1 1 650px; padding: 6px; box-sizing: border-box; text-align: right;}
</style>
